<template>
  <div class="message-board">
    <banner v-bind:banner="banner"></banner>

    <div class="card width-limit" style="margin:100px auto; padding-top: 20px">
      <div class="board" v-for="(message,index) in commits" v-bind:key="index">
        <message-board-board :message="message" :index="index"/>
      </div>
    </div>

  </div>
</template>

<script>
import Banner from "@/public/banner";
import MessageBoardBoard from "@/views/message/board";

export default {
  name: "MessageBoard",
  components: {MessageBoardBoard, Banner},
  data() {
    return {
      banner: {
        title: '网站留言板',
        sub2: '这是留言版哦，快来看一下大家都在讨论什么吧~~~',
        button: {
          show: false
        }
      },
      commits: [
        {
          user: {
            username: 'MyNameIsTestJasda',
            avator: '#cbb687'
          },
          content: '这是我的留言哈哈。这是我的留言哈哈。这是我的留言哈哈。这是我的留言哈哈。这是我的留言哈哈。这是我的留言哈哈。这是我的留言哈哈。这是我的留言哈哈。'
        },
        {
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '这也太菜了吧。'
        },
        {
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '希望博主能多写点游有用的文章！'
        },{
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '希望博主能多写点游有用的文章！'
        },{
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '希望博主能多写点游有用的文章！'
        },{
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '希望博主能多写点游有用的文章！'
        },{
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '希望博主能多写点游有用的文章！'
        },{
          user: {
            username: '朱林忠',
            avator: '#cbb687'
          },
          content: '希望博主能多写点游有用的文章！'
        },
      ]
    }
  }
}
</script>

<style scoped>
.message-board {
}
.board {
  display: inline-block;
}
</style>